// $(document).ready(function() {
//  // Set the variable $width to the width of our wrapper on page load
//  $width = $('#content').width();
// // Target all images inside the #content. This works best if you want to ignore certain images that are part of the layout design
// $('#content .img-cap-container').css({
//  // Using jQuery CSS we write the $width variable we previously specified as a pixel value. We use max-width incase the image is smaller than our viewport it won't scale it larger. Don't forget to set height to auto or else it will squish your photos.
//  'max-width' : $width , 'height' : 'auto'
// });
// $('#content .caps ul>li').css({
//  // Using jQuery CSS we write the $width variable we previously specified as a pixel value. We use max-width incase the image is smaller than our viewport it won't scale it larger. Don't forget to set height to auto or else it will squish your photos.
//  'max-width' : $width , 'height' : 'auto'
// });

// });